{% extends "tj3/base.html" %}


{% block content  %} 
<h1 class="ui-widget ui-widget-header">{{project.name}}<span class="float_right">Journals</span><h1>

<div class="mycontent">
	{% for booking, j_list in journals %}
		<h3 class="ui-state-highlight ui-corner-all">{{ booking }}</h3>
			{% for jj in j_list %}
			{% for j in jj %}
				<span class="ui-icon ui-icon-comment" style="float: left; margin-right: .3em;"></span>
				{{j.booking.resource.first_name|capfirst}} {{j.booking.resource.last_name|capfirst}} 
				worked on <font color="#95B9C7">{{j.booking.task|truncatewords:4}}</font>
				for {{j.booking.length}}:
				<div class="prefix-1">
					{% if j.alert == "green" %}
						<div class="ui-state-normal">
							<b>{{j.summary}}</b>
						</div>
					{% endif %}
					{% if j.alert == "yellow" %}
						<div class="ui-state-warning">
							<b><font color="#F535AA">Warning: {{j.summary}}</font></b>
						</div>
					{% endif %}
					{% if j.alert == "red" %}
						<div>
							<b><font color=red>Error: {{j.summary}}</font></b>
						</div>
					{% endif %}
					
					<div>
						{{j.description}}
					</div>
				</div>
			{% endfor %}
			{% endfor %}
			<br />
			
	{%endfor%}
</div>

{% endblock content %}
